<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title id="#su">苏宁易购</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/moren.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="shortcut icon" href="./img/苏宁.ico" type="image/x-icon">
    <script src="./js/jquery.min.js"></script>
    <!-- <script src="./js/flexible.js"></script> -->

</head>

<body>
    <div class="box">
        <div class="header">
            <img src="./img/0.gif" alt="">
        </div>
        <div class="nav">
            <a href="javascript:;">
                <img src="./img/分类.png" alt="">
            </a>
            <div>
                <img src="./img/3.png" alt="">
            </div>
            <a href="javascript:;">
                <img src="./img/我的.png" alt="">
            </a>

        </div>
        <div class="nav2">
            <div class="nav2-div">
                <a href="javascript:;">
                    <img src="./img/分类.png" alt="">
                </a>
                <div class="nav-ipt">
                    <div class="inp-k">
                        <i></i>
                        <form action="" class="inp-div">
                            <input type="text" placeholder="商品/店铺">
                        </form>
                    </div>
                </div>
                <a href="javascript:;">
                    <img src="./img/我的.png" alt="">

                </a>
            </div>
        </div>
        <div class="inp">
            <div class="inp-k">
                <i></i>
                <form action="" class="inp-div">
                    <input type="text" placeholder="苏宁宜品全场不止五折">
                </form>
            </div>
        </div>
        <div class="lunbo">
            <ul class="lun-ul">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./img/t-1.jpg" alt="">
                            <img src="./img/l.png" alt="" class="img-logo">
                        </div>
                        <div class="swiper-slide">
                            <img src="./img/t-2.jpg" alt="">
                            <img src="./img/l.png" alt="" class="img-logo">

                        </div>
                        <div class="swiper-slide">
                            <img src="./img/t-3.jpg" alt="">

                            <img src="./img/l.png" alt="" class="img-logo">
                        </div>
                        <div class="swiper-slide">
                            <img src="./img/t-4.jpg" alt="">

                            <img src="./img/l.png" alt="" class="img-logo">
                        </div>
                        <div class="swiper-slide">
                            <img src="./img/t-5.jpg" alt="">
                            <img src="./img/l.png" alt="" class="img-logo">
                        </div>
                        <div class="swiper-slide">
                            <img src="./img/t-1.jpg" alt="">
                            <img src="./img/l.png" alt="" class="img-logo">
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </ul>
        </div>
        <div class="gif-1">
            <img src="./img/2.gif" alt="" class="gif-img1">
            <img src="./img/gif-1.jpg" alt="" class="gif-img2">
        </div>
        <ul class="banner">
            <a href="javascript:;">
                <li class="banner-li">
                    <!-- <img src="/img/b1.png" alt=""> -->
                    <img src="./img/b1.png" alt="">
                </li>
                <span>苏宁秒杀</span>
            </a>
            <a href="javascript:;">
                <li class="banner-li">
                    <img src="./img/b2.png" alt="">
                </li>
                <span>苏宁超市</span>
            </a>
            <a href="javascript:;">
                <li class="banner-li">
                    <img src="./img/b3.png" alt="">
                </li>
                <span>苏宁拼购</span>
            </a>
            <a href="javascript:;">
                <li class="banner-li">
                    <img src="./img/b4.png" alt="">
                </li>
                <span>手机数码</span>
            </a>
            <a href="javascript:;">
                <li class="banner-li">
                    <img src="./img/b5.png" alt="">
                </li>
                <span>苏宁家电</span>
            </a>
            <a href="javascript:;">
                <li class="banner-li">
                    <img src="./img/b6.png" alt="">
                </li>
                <span>免费水果</span>
            </a>
            <a href="javascript:;">
                <li class="banner-li">
                    <img src="./img/b7.png" alt="">
                </li>
                <span>super会员</span>
            </a>
            <a href="javascript:;">
                <li class="banner-li">
                    <img src="./img/b8.png" alt="">
                </li>
                <span>签到有礼</span>
            </a>
            <a href="javascript:;">
                <li class="banner-li">
                    <img src="./img/b9.png" alt="">
                </li>
                <span>领卷中心</span>
            </a>
            <a href="javascript:;">
                <li class="banner-li">
                    <img src="./img/b10.png" alt="">
                </li>
                <span>更多频道</span>
            </a>
        </ul>
        <!-- 限时秒杀 -->
        <div class="miao">
            <!--  限时秒杀 -->
            <div class="miao-a1 miao-border">
                <div class="daojishi">
                    <div class="txt-1">
                        限时秒杀
                    </div>
                    <div class="time-a1">
                        <span class="time-b1 span1">00</span> :
                        <span class="time-b1 span2">00</span> :
                        <span class="time-b1 span3">00</span>
                    </div>
                </div>
                <p class="txt-2">人气好货限时抢</p>
                <div class="haowu">
                    <div class="hao-a1">
                        <img src="./img/h-1.jpg" alt="">
                        <div class="qian">
                            <!-- <i>￥</i> -->
                            <span class="span1">
                                <i>￥</i>
                            638. 
                            <em>9</em>
                         </span>
                        </div>
                    </div>
                    <div class="hao-a1">
                        <img src="./img/h-2.jpg" alt="">
                        <div class="qian">
                            <!-- <i>￥</i> -->
                            <span class="span1">
                                <i>￥</i>
                            638. 
                            <em>9</em>
                         </span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 大聚惠        -->
            <div class="miao-a1">
                <div class="daojishi">
                    <div class="txt-1">
                        大聚惠
                    </div>
                </div>
                <p class="txt-2">聚优品•惠生活</p>
                <div class="haowu">
                    <div class="hao-a1">
                        <img src="./img/h-5.jpg" alt="">
                        <div class="span-d"></div>
                        <div class="qian">
                            <span class="span">华拓</span>
                        </div>
                    </div>
                    <div class="hao-a1">
                        <img src="./img/h-6.jpg" alt="">
                        <div class="span-d"></div>
                        <div class="qian">
                            <span class="span">康夫(CONFU)</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="miao miao-yuan">
            <!-- 新品首发 -->
            <div class="miao-a1 miao-border">
                <div class="daojishi">
                    <div class="txt-1">
                        新品首发
                    </div>
                </div>
                <p class="txt-2">大牌新机0元试</p>
                <div class="haowu">
                    <div class="hao-a1">
                        <img src="./img/h-3.jpg" alt="">
                    </div>
                    <div class="hao-a1">
                        <img src="./img/h-4.jpg" alt="">
                    </div>
                </div>
            </div>
            <!-- 苏宁拼购     -->
            <div class="miao-a1">
                <div class="daojishi">
                    <div class="txt-1">
                        苏宁拼购
                    </div>
                </div>
                <p class="txt-2">2人拼更实惠 全场包邮</p>
                <div class="haowu">
                    <div class="hao-a1">
                        <img src="./img/h-7.jpg" alt="">
                        <div class="span-d"></div>
                        <div class="qian">
                            <span class="span">2人拼团4.9</span>
                        </div>
                    </div>
                    <div class="hao-a1">
                        <img src="./img/h-8.jpg" alt="">
                        <div class="span-d"></div>
                        <div class="qian">
                            <span class="span">2人拼14.9</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 为你推荐 -->
        <div class="tuijian">
            <div class="tui-left">
                <p class="tui-left-p1">为你推荐</p>
                <p class="tui-left-p2">精选频道</p>
            </div>
            <div class="tui-right">
                <div class="tui-a1">
                    <img src="./img/苏宁国际.png" alt="">
                    <span>苏宁国际</span>
                </div>
                <div class="tui-a1">
                    <img src="./img/苏2.png" alt="">
                    <span>苏宁Outlets</span>
                </div>
                <div class="tui-a1">
                    <img src="./img/su3.png" alt="">
                    <span>会员抢购</span>
                </div>
                <div class="tui-a1">
                    <img src="./img/su4.png" alt="">
                    <span>Super会员</span>
                </div>
            </div>
        </div>
        <!-- 五一推荐好物 -->
        <div class="haowu1">
            <img src="./img/51.png" alt="">
        </div>
        <!-- 推荐好物  商品 -->
        <div class="shangpin">
            <div class="shangpin-div1">
                <div class="div1-a">
                    <a href="#">
                        <img class="img-a1" src="./img/51-a2.png" alt="">
                        <p class="a-p1">露营好物</p>
                        <p style="color: #E244AA;" class="a-p2">烧烤架50起</p>
                    </a>
                    <img class="img0" src="./img/51-a1.png" alt="">

                </div>
                <div class="div1-a">
                    <a href="#">
                        <img class="img-a1" src="./img/51-b2.png" alt="">
                        <p class="a-p1">冰洗钜惠</p>
                        <p style="color: #a42ae0;" class="a-p2">每千减百</p>
                    </a>
                    <img class="img0" src="./img/51-b1.png" alt="">

                </div>
                <div class="div1-a">
                    <a href="#">
                        <img class="img-a1" src="./img/51-c2.png" alt="">
                        <p class="a-p1">母婴钜惠</p>
                        <p style="color: #fcae00;" class="a-p2">抢2件5折</p>
                    </a>
                    <img class="img0" src="./img/51-c1.png" alt="">

                </div>
                <div class="div1-a">
                    <a href="#">
                        <img class="img-a1" src="./img/51-d2.png" alt="">
                        <p class="a-p1">电视家影</p>
                        <p style="color: #4ba093;" class="a-p2">换新抵500</p>
                    </a>
                    <img class="img0" src="./img/51-d1.png" alt="">

                </div>
            </div>
        </div>
        <!-- 推荐榜单 -->
        <div class="bdan">
            <img src="./img/推荐榜单.png" alt="">
        </div>
        <!--榜单商品   newbd-list -->
        <div class="newbd-list">
            <div class="toplun">
                <a class="top-a" href="#">
                    <img class="top-a-img1" src="./img/a2.png" alt="">
                    <img class="top-a-img2" src="./img/a1.png" alt="">
                    <p class="top-a-p1">
                        <span>人气榜</span>
                    </p>
                    <p class="top-a-p2">
                        孕妈必备用品榜
                    </p>
                    <p class="top-a-p3">
                        今日热销爆款
                    </p>
                </a>
                <!-- 上下轮播图 -->
                <a class="top-a" href="#">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="top-lun">
                                    <img class="top-a-img1" src="./img/a3.png" alt="">
                                    <img class="top-a-img2" src="./img/a-22.png" alt="">
                                    <p class="top-a-p1">
                                        <span>人气榜</span>
                                    </p>
                                    <p class="top-a-p2">
                                        健康爱吃猫粮榜
                                    </p>
                                    <p class="top-a-p3">
                                        卖爆1855件
                                    </p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="top-lun">
                                    <img class="top-a-img1" src="./img/a5.png" alt="">
                                    <img class="top-a-img2" src="./img/a-22.png" alt="">
                                    <p class="top-a-p1">
                                        <span>人气榜</span>
                                    </p>
                                    <p class="top-a-p2">
                                        汽车玻璃护理榜
                                    </p>
                                    <p class="top-a-p3">
                                        卖爆1855件
                                    </p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="top-lun">
                                    <img class="top-a-img1" src="./img/a-6.png" alt="">
                                    <img class="top-a-img2" src="./img/a-22.png" alt="">
                                    <p class="top-a-p1">
                                        <span>人气榜</span>
                                    </p>
                                    <p class="top-a-p2">
                                        休闲补脑坚果榜
                                    </p>
                                    <p class="top-a-p3">
                                        卖爆2.1万件
                                    </p>
                                </div>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </a>
                <a class="top-a" href="#">
                    <img class="top-a-img1" src="./img/a4.png" alt="">
                    <img class="top-a-img2" src="./img/a1.png" alt="">
                    <p class="top-a-p1">
                        <span>人气榜</span>
                    </p>
                    <p class="top-a-p2">
                        清新口气牙粉榜
                    </p>
                    <p class="top-a-p3">
                        今日热销爆款
                    </p>
                </a>
            </div>
            <!-- 分栏商品 -->
            <div class="fenlan">
                <!-- 1 -->
                <div class="fen-a1">
                    <p class="fen-p1">
                        <span class="fen-span-1">
                        日常通用口罩榜
                      </span>
                        <span class="fen-span-2">
                        人气榜
                     </span>
                    </p>
                    <p class="fen-span-t0">
                        卖爆1.6万件
                    </p>
                    <div>
                        <img src="./img/d-1.png" alt="">
                        <img src="./img/d-2.png" alt="">
                    </div>
                </div>
                <span class="fen-span1"></span>
                <!-- 2 -->
                <div class="fen-a1">
                    <p class="fen-p1">
                        <span class="fen-span-1">
                       无烟味油烟机榜
                      </span>
                        <span class="fen-span-2">
                        人气榜
                     </span>
                    </p>
                    <p class="fen-span-t0">
                        卖爆3429件
                    </p>
                    <div>
                        <img src="./img/d-5.png" alt="">
                        <img src="./img/d-6.png" alt="">
                    </div>
                </div>
            </div>
            <span class="fen-span2"></span>
            <!-- 3 -->
            <div class="fenlan">
                <div class="fen-a1">
                    <p class="fen-p1">
                        <span class="fen-span-1">
                      性能游戏本榜
                      </span>
                        <span class="fen-span-2">
                        人气榜
                     </span>
                    </p>
                    <p class="fen-span-t0">
                        卖爆456万件
                    </p>
                    <div>
                        <img src="./img/d-3.png" alt="">
                        <img src="./img/d-4.png" alt="">
                    </div>
                </div>
                <span class="fen-span3"></span>
                <!-- 4-->
                <div class="fen-a1">
                    <p class="fen-p1">
                        <span class="fen-span-1">
                       衣物除菌液榜
                      </span>
                        <span class="fen-span-2">
                        人气榜
                     </span>
                    </p>
                    <p class="fen-span-t0">
                        卖爆2301件
                    </p>
                    <div>
                        <img src="./img/d-7.png" alt="">
                        <img src="./img/d-8.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 猜你喜欢 -->
        <div class="cainixihuan">
            <img src="./img/猜你喜欢.png" alt="">
        </div>
        <!-- 猜你喜欢商品 -->
        <div class="likeshang">
            <ul class="like-left">
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left-a1.png" alt="">
                    </div>
                    <p class="left-a1-p1">炊大皇304不锈钢炒锅全面屏防刮耐磨多层钢家用蜂...</p>
                    <p class="cuxiao-tag">
                        <img src="./img/自营.png" alt="">
                        <span class="cx-text">
                            百亿补贴
                        </span>
                        <span style="display:none" class="cx-text">
                            领券129
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                                129
                            </span>
                            <span class="txt-span3">
                                3.0万+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left-a2.png" alt="">
                    </div>
                    <p class="left-a1-p1">苏宁宜品二瓶装宝宝洗手液儿童小花朵温和婴儿专用...</p>
                    <p class="cuxiao-tag">
                        <img src="./img/自营.png" alt="">
                        <span class="cx-text">
                            拼购
                        </span>
                        <span style="display:none" class="cx-text">
                            领券129
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                               19.9
                            </span>
                            <span class="txt-span3">
                                1.4万+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left-a4.png" alt="">
                    </div>
                    <p class="left-a1-p1">MISTOLIN欧洲原装进口油污清洁剂 油烟机清洗...</p>
                    <p class="cuxiao-tag">
                        <!-- <img src="./img/自营.png" alt=""> -->
                        <span class="cx-text">
                            大汇聚
                         </span>
                        <span class="cx-text">
                            包邮
                         </span>
                        <span style="display:block" class="cx-text">
                            领券10
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                            49.9
                            </span>
                            <span class="txt-span3">
                                1.9万+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left-a5.png" alt="">
                    </div>
                    <p class="left-a1-p1">艾美特(Airmate) 循环扇 CA15-R27 电风扇家用...</p>
                    <p class="cuxiao-tag">
                        <!-- <img src="./img/自营.png" alt=""> -->
                        <span class="cx-text">
                          大汇聚
                        </span>
                        <span style="display:none" class="cx-text">
                          包邮
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                               139.9
                            </span>
                            <span class="txt-span3">
                                328+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left-a6.png" alt="">
                    </div>
                    <p class="left-a1-p1">TCL电视 55V6E 55吋4K超高清 2GB+16GB...</p>
                    <p class="cuxiao-tag">
                        <img src="./img/自营.png" alt="">
                        <span class="cx-text">
                            大汇聚
                        </span>
                        <span style="display:none" class="cx-text">
                            领券129
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                             2599
                            </span>
                            <span class="txt-span3">
                                297+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left-a2.png" alt="">
                    </div>
                    <p class="left-a1-p1">苏宁宜品二瓶装宝宝洗手液儿童小花朵温和婴儿专用...</p>
                    <p class="cuxiao-tag">
                        <img src="./img/自营.png" alt="">
                        <span class="cx-text">
                            拼购
                        </span>
                        <span style="display:none" class="cx-text">
                            领券129
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                               19.9
                            </span>
                            <span class="txt-span3">
                                1.4万+评价
                            </span>
                        </div>
                    </div>
                </div>
            </ul>
            <ul class="like-left">
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/right-a1.png" alt="">
                    </div>
                    <p class="left-a1-p1">喜源味爆浆榴莲酥饼10枚一整箱糕点点心馅饼...</p>
                    <p class="cuxiao-tag">
                        <img src="./img/自营.png" alt="">
                        <span class="cx-text">
                           大汇聚
                        </span>
                        <span style="display:none" class="cx-text">
                            领券129
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                               9.9
                            </span>
                            <span class="txt-span3">
                                8766+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/right-a2.png" alt="">
                    </div>
                    <p class="left-a1-p1">【39元任选12件】刻凡重庆酸辣粉辣粉红薯粉条...</p>
                    <p class="cuxiao-tag">
                        <img src="./img/自营.png" alt="">
                        <span class="cx-text">
                           大汇聚
                        </span>
                        <span style="display:block" class="cx-text">
                          38元12件
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                               9.9
                            </span>
                            <span class="txt-span3">
                               100+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left3.png" alt="">
                    </div>
                    <p class="left-a1-p1">LG竹盐牙膏 精品全优护牙膏220g*2支 清新原味...</p>
                    <p class="cuxiao-tag">
                        <img src="./img/自营.png" alt="">
                        <span class="cx-text">
                           大汇聚
                        </span>
                        <span style="display:block" class="cx-text">
                            领券10-5
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                               9.9
                            </span>
                            <span class="txt-span3">
                                8766+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left4.png" alt="">
                    </div>
                    <p class="left-a1-p1">华为HUAWEI MateBook D 14...</p>
                    <p class="cuxiao-tag">
                        <img src="./img/自营.png" alt="">
                        <span class="cx-text">
                         赠
                        </span>
                        <span style="display:none" class="cx-text">
                            领券10-5
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                              4799
                            </span>
                            <span class="txt-span3">
                                2766+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left5.png" alt="">
                    </div>
                    <p class="left-a1-p1">美的(Midea)电饭煲3升/3L 家用多功能智能...</p>
                    <p class="cuxiao-tag">
                        <img src="./img/自营.png" alt="">
                        <span class="cx-text">
                           大汇聚
                        </span>
                        <span style="display:block" class="cx-text">
                            领券10-5
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                             189
                            </span>
                            <span class="txt-span3">
                                14万+评价
                            </span>
                        </div>
                    </div>
                </div>
                <div class="like-left-a1">
                    <div class="left-a1-img">
                        <img src="./img/left6.png" alt="">
                    </div>
                    <p class="left-a1-p1">美的(Midea)电饭煲3升/3L 家用...</p>
                    <p class="cuxiao-tag">
                        <!-- <img src="./img/自营.png" alt=""> -->
                        <span class="cx-text">
                       奥莱
                        </span> <span class="cx-text">
                          满999减310
                         </span>
                        <span style="display:block" class="cx-text">
                            领券10-5
                        </span>
                    </p>
                    <div class="left-a1-qian">
                        <div class="left-a1-qian-txt">
                            <span class="txt-span1">
                                ￥
                            </span>
                            <span class="txt-span2">
                              999
                            </span>
                            <span class="txt-span3">
                                1.5万+评价
                            </span>
                        </div>
                    </div>
                </div>
            </ul>
        </div>
        <div class="topp"></div>
        <div class="denglu">
            <img src="./img/d6.png" alt="">
        </div>
        <div class="di">
            <a href="javascript:;">
                <img src="./img/d1.png" alt="">
                <span>猜你喜欢</span>
            </a>
            <a href="javascript:;">
                <img src="./img/d2.png" alt="">
                <span>分类</span>
            </a>
            <a href="javascript:;">
                <img src="./img/d3.png" alt="">
                <span>排行榜</span>
            </a>
            <a href="javascript:;">
                <img src="./img/d4.png" alt="">
                <span>购物车</span>
            </a>
            <a href="javascript:;">
                <img src="./img/d5.png" alt="">
                <span>我的易购</span>
            </a>
        </div>
        <div class="ce">
            <img src="./img/ce.png" alt="">
        </div>
        <!-- 返回顶部 -->
        <a href="" name='#su' class="dingbu">
            <img src="./img/上箭头-3.png" alt="">
        </a>
    </div>
    <script src="./js/swiper.js"></script>
    <!-- 轮播图 -->
    <script>
        var swiper = new Swiper(".mySwiper", {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
        });
    </script>
    <!-- 轮播图 -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            direction: 'vertical',
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
        });
    </script>
    <script src="./js/dayjs.js"></script>
    <!-- 倒计时 -->
    <script>
        let span1 = document.querySelector('.time-a1 .span1');
        let span2 = document.querySelector('.time-a1 .span2');
        let span3 = document.querySelector('.time-a1 .span3');
        let ceimg = document.querySelector('.ce');

        // 时分秒-------------
        let h = dayjs().format('HH');
        let m = dayjs().format('mm');
        let s = dayjs().format('ss');
        span1.innerHTML = h;
        span2.innerHTML = m;
        span3.innerHTML = s;
        setInterval(() => {
            let h = dayjs().format('HH');
            // let h = h < 10 ? '0' + h : h;
            let m = dayjs().format('mm');
            // let m = m < 10 ? '0' + m : m;
            let s = dayjs().format('ss');
            // let s = s < 10 ? '0' + s : s;
            // console.log(s);
            span1.innerHTML = h;
            span2.innerHTML = m;
            span3.innerHTML = s;
        }, 1000);

        // 时间戳  毫秒--------------
        // let ss = +dayjs(1548381600000);
        // console.log(ss);
        //

        ceimg.onclick = function() {
            alert('手慢则无!!!')
        }
    </script>
    <!-- 导航栏定位 -->
    <script>
        $(function() {
            $(window).scroll(function() {
                var this_scrollTop = $(this).scrollTop();
                if (this_scrollTop > 800) {
                    $(".nav2").css("display", "block");
                } else {
                    $(".nav2").css("display", "none");
                }
            });
        });
    </script>
</body>

</html>